<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="xdz" uri="/xdztools" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="${xdz:domain() }/css/bootstrap.min.css">
<link rel="stylesheet" href="${xdz:domain() }/css/font-awesome.min.css">
<%-- <link rel="stylesheet" href="${xdz:domain() }/css/style.min.css"> --%>
<link rel="stylesheet" href="${xdz:domain() }/css/kkpager_blue.css">
<script type="text/javascript">
    function openAdd() {
        location.href = "../systemRoleBase/addPage";
    }
</script>
</head>
<body>
    <form action="../systemRoleBase/list" id="systemRoleBaseForm" method="post">
		<div class="panel panel-default">
			<header class="panel-heading"><h3 class="panel-title">角色管理</h3></header>
			<div class="panel-body">
				<div class="row">
					<div class="col-md-2">
						<input type="text" class="form-control input-sm" placeholder="角色名称" name="roleName" value="${condition.roleName }">
					</div>
					<div class="col-md-2">
						<button class="btn btn-primary btn-sm" type="submit">查询</button>
					</div>
					<div class="col-md-2 pull-right">
                            <button type="button" class="btn btn-primary btn-sm pull-right" onclick="openAdd()">新增</button>
                    </div>
                </div>
            </div>
			<div class="table-responsive scroll-wrapper">
				<table class="table table-hover table-condensed">
                    <thead>
                        <tr>
<!--                             <th width="15%">角色ID</th> -->
                            <th>角色名</th>
                            <th width="15%">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <c:forEach var="list" items="${list }">
                            <tr>
<%--                             	<td>${list.roleId }</td> --%>
                            	<td>${list.roleName }</td>
								<td><a class="operation" href="../systemRoleBase/updatePage?id=${list.roleId }">修改</a> | 
									<a class="operation" href="../systemRoleMenu/list?roleId=${list.roleId }">权限</a> | 
<%-- 									<a class="operation" href="../systemRoleBase/delete?id=${list.roleId }">删除</a> --%>
                           			<a class="operation" href="javascript:void(0)" onclick="sendMsg('${list.roleId }')">发送消息</a>
								</td>
									                                    
							</tr>
                        </c:forEach>
                    </tbody>
                </table>
            </div>
			<div class="panel-footer">
				<div id="kkpager"></div>
			</div>
        </div>
    </form>
    <script src="${xdz:domain() }/js/jquery.min.js"></script>
    <script src="${xdz:domain() }/js/bootstrap.min.js"></script>
    <script src="${xdz:domain() }/js/plugins/fuelux/fuelux.js"></script>
    <script src="${xdz:domain() }/js/underscore-min.js"></script>
    <script src="${xdz:domain() }/js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="${xdz:domain() }/js/app.js"></script>
    <script src="${xdz:domain() }/js/app.plugin.js"></script>
    <script src="${xdz:domain() }/js/app.data.js"></script>
    <script src="${xdz:domain() }/js/kkpager.min.js"></script>
    <script src="${xdz:domain() }/js/pagination.js"></script>
    <script type="text/javascript" src="${xdz:domain() }/js/plugins/layer/layer.min.js"></script>
    
    <script>
    
    function sendMsg(roleId){
    	layer.open({
    		  type: 2,
    		  title: '发送消息给角色',
    		  shadeClose: true,
    		  shade: 0.4,
    		  area: ['500px', '560px'],
    		  content: '../acMessageBase/addPage?roleId='+roleId 
    		});
    }
    
    kkpager.generPageHtml({
        pno : '${extQuery.pageNum }',
        mode : 'click', //设置为click模式
        //总页码  
        total : '${extQuery.totalPage}',  
        //总数据条数  
        totalRecords : '${extQuery.total}',
        //点击页码、页码输入框跳转、以及首页、下一页等按钮都会调用click
        //适用于不刷新页面，比如ajax
        click : function(n){
            //这里可以做自已的处理
            //...
              this.selectPage(n);
              toPage(n, '${extQuery.totalPage}', 'systemRoleBase');
             this.selectPage(n);
            //处理完后可以手动条用selectPage进行页码选中切换

        },
        //getHref是在click模式下链接算法，一般不需要配置，默认代码如下
        getHref : function(n){
            return '#';
        }

    });
    </script>
</body>
</html>
